﻿<!DOCTYPE HTML>
<html>
<head>
    <title>Smart Travel Assistant</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/search.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/nav.css" rel="stylesheet" type="text/css" media="all" />
    <script src="js/jquery.min.js"></script>
    <script src="js/skel.min.js"></script>    
    <script src="js/jquery.dropotron.min.js"></script>
    <script src="js/login.js"></script>  
    <script src="js/helios.js"></script>
    <script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
    <script src="js/maps.js"></script>	
</head>

<body>
<div class="wrap">
	<div class="wrapper">	
	<div class="header">
		<div class="menu1">
		<!-- start navigation-->
		<nav class="clearfix">
			<ul class="clearfix">
				<li><a href="#">Plan</a></li>
				<li><a href="#">Trip-to</a></li>
				<li><a href="#">Share</a></li>
			</ul>
			<a href="#" id="pull"><img src="images/nav-icon.png" /></a>
		</nav>
		<!-- end   navigation-->
		 </div>
		 <div class="header_right">
		    <div class="menu">
		 	<!-- start top-nav-->
			<div class="cssmenu">
					<ul>
					   <li><a href="#"><span>Smart Travel Assistant</span></a></li>
					   <li class="active" class="has-sub"><a href="#"><span>Plan</span></a>
					   	
					      <ul>
					         <li class="has-sub"><a href="#"><span>Current Trip</span></a></li>
					         <li class="has-sub"><a href="#"><span>New Trip</span></a></li>
					         <li class="has-sub"><a href="#"><span>My trips</span></a></li>
					         <li class="has-sub"><a href="#"><span>Invite Friends</span></a></li>
					      </ul>
					      
					   </li>
					   <li ><a href="#"><span>Trip</span></a></li>
					   <li class="last"><a href="#"><span>Share</span></a></li>
					   <div class="clear"></div>
					</ul>
				</div>
			<div class="clear"></div>
		</div>
            <div class="header_top_right">
		<!-- start search-->
		<div class="web_search">
		 <div class="search">
	        <form action="search.html">
	           <input type="text" value="Search" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Search';}" class="text"/>
	            <input type="submit" value=""/>
	        </form>
	        <div class="close"><img src="images/cross.png" /></div>
	    </div>
	    <div class="srch"><button></button></div>		
	    </div>
		<!-- start social icons -->
		<div class="social-icons">
	   		  	<ul>
			      <li class="icon_1"><a href="#" target="_blank"> </a></li>
			      <!--<li class="icon_2"><a href="#" target="_blank"> </a></li>-->
			      <li class="icon_3"><a href="#" target="_blank"> </a></li>
			      <div class="clear"></div>
		     </ul>
	   	 </div>
	   	 <!-- start login_box -->
			<div class="login_box">
	    		   <div id="loginContainer">
	                  <a id="loginButton" class=""><span></span></a>               
	                <div id="loginBox">                
	                    <form id="loginForm">
	                        <fieldset id="body">
	                            <fieldset>
	                                <label for="email">Email Address</label>
	                                <input type="text" name="email" id="email">
	                            </fieldset>
	                            <fieldset>
	                                <label for="password">Password</label>
	                                <input type="password" name="password" id="password">
	                            </fieldset>
	                            <input type="submit" id="login" value="Sign in">
	                            <label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
	                        </fieldset>
	                        <span><a href="#">Forgot your password?</a></span>
                            <span><a href="#">Don't have an account? Register Now.</a></span>
	                    </form>
	                </div>
	              </div>
	           </div>
	         <div class="clear"></div>
	         </div>
	    </div>	
	   <div class="clear"></div>
	</div>
	
	
	<!-- start main -->
	<div class="main">
		<div class="sidebar">
				<div class="menu_box_list">
				      		<ul id = "list">							
						  		<li value="accommodation"><a href="#"> <i class="home"> </i><span>Accommodation</span></a></li>						  		
						  		<li value="food"><a href="#"> <i class="blog"> </i> <span>Food & Drink</span></a></li>
			  					<li value="entertainment"><a href="#"> <i class="community"> </i><span>Entertainment</span></a></li>
			  					<li value="culture"><a href="#"> <i class="contest"> </i><span>Culture</span></a></li>
			  					<li value="nature"><a href="#"> <i class="about"> </i> <span>Nature</span></a></li>
			  					<li value="shopping"><a href="#"> <i class="store"></i> <span>Shopping</span></a></li>
								<li value="sports"><a href="#"> <i class="contact"></i> <span>Sports</span></a></li>
								<li value="transp"><a href="#"> <i class="contact"></i> <span>Transportation</span></a></li>
								<li value="helpful"><a href="#"> <i class="contact"></i> <span>Helpful</span></a></li>
				    		</ul>
				    		<div class="clear"></div>
				      </div>				
		</div>		
		<div class="content" style="width:72%">				
				<div class="content_btm" id="map-canvas" style="margin-top:0px;height:530px">
				
				</div>
                <input id="pac-input" class="controls" type="text" placeholder="Enter a location">
				<div id="type-selector" class="controls">
				  <input type="radio" name="type" id="changetype-all" checked="checked">
				  <label for="changetype-all">All</label>

				  <input type="radio" name="type" id="changetype-establishment">
				  <label for="changetype-establishment">Places</label>

				  <input type="radio" name="type" id="changetype-geocode">
				  <label for="changetype-geocode">Locations</label>
				</div>		
									
		</div>
		<div class="clear"></div>
	</div>
	<!-- end main -->
	
      <!-- Carousel -->
	<div class="carousel">
				<div class="reel">

					<article>
						<a href="http://mdomaradzki.deviantart.com/art/Bueller-III-351975087" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Pulvinar sagittis congue</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>
				
					<article>
						<a href="http://mdomaradzki.deviantart.com/art/Disco-351602759" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Fermentum sagittis proin</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>
				
					<article>
						<a href="http://mdomaradzki.deviantart.com/art/The-Patina-of-Time-and-Tide-352128094" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Sed quis rhoncus placerat</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>
				
					<article>
						<a href="http://mdomaradzki.deviantart.com/art/Cityparts-XVIII-350427779" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Ultrices urna sit lobortis</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>
				
					<article>
						<a href="http://mdomaradzki.deviantart.com/art/Vine-Country-381350120" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Varius magnis sollicitudin</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>

					<article>
						<a href="http://mdomaradzki.deviantart.com/art/Bueller-III-351975087" class="image featured"><img src="images/pic01.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Pulvinar sagittis congue</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>
				
					<article>
						<a href="http://mdomaradzki.deviantart.com/art/Disco-351602759" class="image featured"><img src="images/pic02.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Fermentum sagittis proin</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>
				
					<article>
						<a href="http://mdomaradzki.deviantart.com/art/The-Patina-of-Time-and-Tide-352128094" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Sed quis rhoncus placerat</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>
				
					<article>
						<a href="http://mdomaradzki.deviantart.com/art/Cityparts-XVIII-350427779" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Ultrices urna sit lobortis</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>
				
					<article>
						<a href="http://mdomaradzki.deviantart.com/art/Vine-Country-381350120" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
						<header>
							<h3><a href="#">Varius magnis sollicitudin</a></h3>
						</header>
						<p>Commodo id natoque malesuada sollicitudin elit suscipit magna.</p>							
					</article>

				</div>
			</div>
	
	</div>
</div>
  
<div class="copy-right">
			<div class="wrap">
				<p>CC. 2014 <a href = "#">Smart Travel Assistant Team</a>  Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a> </p>
	 	    </div>
	 	 </div>
</body>
</html>
